<template>
  <el-timeline>
    <el-timeline-item timestamp="第一步" placement="top" style="line-height: 150%" type="primary">
      利用SSH或服务器运营商提供的工具登录到您的服务器
      <el-button type="text" @click.stop="$router.push({path: '/ssh'})">
        想使用在线SSH工具？ 点此进入>>
      </el-button><br>
      <b style="color: red">若没有特殊要求，推荐使用CentOS系统。</b><br>
      <b style="color: red">
        <i class="el-icon-info"></i>
        <i class="el-icon-info"></i>
        <i class="el-icon-info"></i>
        <i class="el-icon-info"></i>
        <i class="el-icon-info"></i>
        特别声明：局域网（内网、本地）服务器，只要是能通外网的，也是支持的哦！！！！！
        <i class="el-icon-info"></i>
        <i class="el-icon-info"></i>
        <i class="el-icon-info"></i>
        <i class="el-icon-info"></i>
        <i class="el-icon-info"></i>
      </b>
    </el-timeline-item>
    <el-timeline-item timestamp="第二步" placement="top" style="line-height: 150%" type="primary">
      成功安装Docker并运行它，为防止服务器重启后无法建立连接，请将Docker设置为开机自启动<br>
      <b style="color: red">注：国内服务器还需要配置镜像加速/etc/docker/daemon.json</b><br>
    </el-timeline-item>
    <el-timeline-item timestamp="第三步" placement="top" style="line-height: 150%">
      <div>拷贝下面的命令在您的服务器上执行，成功后您将在菜单[云镜像服务器]看到它并进行管理</div>
      <div style="color: red"><i class="el-icon-info"></i> AI悟道会默认启动Nginx作为服务器代理，您可以根据自己的情况去掉80和443的端口映射。</div>
      <div style="color: red"><i class="el-icon-info"></i> /var/run/docker.sock与宿主的关联是必要的，否则无法完成调用docker相关指令操作。</div>
      <div style="color: red">
        <i class="el-icon-info"></i> AI悟道代理默认开启了nginx服务，如果您想做静态文件转发，请自行添加映射卷，例如：-v $PWD:/home/static
      </div>
      <div>
          <Clipboard>docker run -d -p 80:80 -p 443:443 --name docker-clouds-agent -e CLIENT_KEY={{ clientKey }} {{hostname.indexOf('dockerclouds.com') > -1 ? '-e CLIENT_COUNTRY=EN':''}} --restart=always -v
            /var/run/docker.sock:/var/run/docker.sock -v agent_data:/agent/data
            {{hostname.indexOf('dockerclouds.com') > -1 ? 'nervenets/docker-clouds-agent':'registry.cn-hangzhou.aliyuncs.com/global_public/docker-clouds-agent'}}
          </Clipboard>
      </div>
    </el-timeline-item>
  </el-timeline>
</template>

<script>
import Clipboard from "@/components/Clipboard/index.vue";

export default {
  name: "ClientAddTip",
  components:{Clipboard},
  data() {
    return {
      addClientDialogShow: false,
      hostname: window.location.hostname,
      clientKey: localStorage.getItem("clientKey"),
    }
  },
}
</script>

<style lang="less" scoped>

</style>
